<template>
  <div class="prop1fater">
    <h1>这里是prop的父组件</h1>
    <prop1son :list="persons"></prop1son>
  </div>
</template>
<script lang="ts" setup>
import { reactive } from "vue";
import prop1son from "./prop1son.vue";
import { type Persons } from "../../interfacee/interface1";

let persons = reactive<Persons>([
  { id: "1", name: "张三", age: 18 },
  { id: "2", name: "李四", age: 19 },
  { id: "3", name: "王五", age: 20 },
]);
console.log(persons)
</script>
<style scoped>
.prop1fater {
  width: 80vw;
  height: 80vh;
  border: 1px solid red;
}
</style>